<?php $culture = $sf_user->getCulture();?>
<div id="header" class="home">
	<div id="nav">
		<!-- main menu -->
		<?php include_component('home', 'mainMenu') ?>
		<!-- main menu -->
	</div>
	<div id="nav-line"></div>
	<div id="box-sub-header">
	<?php include_component('home', 'weatherBox') ?>
	<div id="box-banner">
		<div class="banner"><a href="#"><img src="<?php echo image_path("/images/banner-1.jpg")?>" width="202" height="52"><div class="txt-banner-red"><img src="<?php echo image_path('/images/ico-banner-red.png')?>" width="16" height="16">ประกาศเตือนภัย !</div></a></div>
		<div class="banner"><a href="#"><img src="<?php echo image_path("/images/banner-2.jpg")?>" width="202" height="52"><div class="txt-banner-gray"><img src="<?php echo image_path('/images/ico-banner-gray.png')?>" width="16" height="16">เส้นทางเดินพายุ</div></a></div>
		<div class="banner"><a href="#"><img src="<?php echo image_path("/images/banner-3.jpg")?>" width="202" height="52"><div class="txt-banner-gray"><img src="<?php echo image_path('/images/ico-banner-gray.png')?>" width="16" height="16">รายงานแผ่นดินไหว</div></a></div>
	</div>
	</div>
</div>
<!-- header -->
<!-- quick link -->
<?php include_component('home', 'quickLink') ?>
<!-- quick link -->
<div id="container">
	<div id="col-left">
		<div id="left-nav-2">
		<div class="h-left-menu"><span><?php echo __("Forecast")#พยากรณ์อากาศ?></span></div>
		<div class="verticalNav noJS jAccordion-keepLinksEnabled">
		  <ul class="jAccordion-slidesWrapper">
		    <li class="jAccordion-slide"><a href="#" class="nav-select"><?php echo __("Daily forecast")#พยากรณ์อากาศประจำวัน?></a></li>
		    <li class="jAccordion-slide"><a href="#"><?php echo __("7-Day Forecast")#พยากรณ์อากาศ 7 วัน?></a></li>
		    <li class="jAccordion-slide"><a href="#"><?php echo __("Three Monthly Forecast")#พยากรณ์อากาศ 3 เดือน?></a></li>
		    <li class="jAccordion-slide"><a href="#"><?php echo __("Shipping Forecast")#พยากรณ์อากาศเพื่อการเดินเรือ?></a></li>
		  </ul>
		</div>
		</div>
		<div class="clear" style="height:10px;"></div>
		<div class="line-blue"></div>
		<div class="clear" style="height:2px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-6.jpg")?>" width="230" height="73"><div class="txt-banner-blue"><img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11">พยากรณ์อากาศเพื่อการบิน</div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-7.jpg")?>" width="230" height="73"><div class="txt-banner-blue"><img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11">พยากรณ์คลื่นมหาสมุทร</div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-8.jpg")?>" width="230" height="73"><div class="txt-banner-blue"><img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11">คาดหมายอากาศฤดูหนาว</div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-4.jpg")?>" width="230" height="73"><div class="txt-banner-blue"><img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11">อากาศต่างประเทศ</div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-5.jpg")?>" width="230" height="73"><div class="txt-banner-blue"><img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11">อุตุนิยมวิทยาเพื่อการเกษตร</div></a></div>
		<div class="clear" style="height:2px;"></div>
		<div class="line-blue"></div>
	</div>
	<div id="col-right">
		<div class="header-txt">พยากรณ์อากาศประจำวัน</div>
		<div class="bar-blue">
		<div class="bar-blue-txt-w">ข้อมูลย้อนหลัง</div>
		<div class="sel">
		<select name="type">
			<?php if( $forecastDates && count( $forecastDates ) > 0 ):?>
				<?php foreach ( $forecastDates as $forecastDate ):?>
					<option value="<?php echo $forecastDate->getDttimeForecast()?>"><?php echo TMDService::toThaiFullDate( $forecastDate->getDttimeForecast() )?> / <?php echo TMDService::toThaiTime( $forecastDate->getDttimeForecast() )?></option>
				<?php endforeach;?>
			<?php endif;?>
		</select>
		</div>
		</div>
		<div class="main-box">
		<?php foreach( $regions as $region ):?>
			<?php include_component( "forecast", "forecastRegionBox", array( "regionId"=>$region->getIgeographicRegion(), "datetimeForecast" => $lastForecast->getDttimeForecast() ) )?>
		<?php endforeach;?>
		</div>
	</div>
</div>